<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发现</title>
    <link rel="stylesheet" href="./css/fixclear.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/discover.css">
</head>

<body>
    <!-- 标题栏 -->
    <div class="header">
        <a href="./index.html"><div class="back">back</div></a>
        <div class="title">发现</div>
        <div class="city">
            <select name="" id="">
                <option value="">深圳市</option>
                <option value="" selected>广州市</option>
                <option value="">佛山市</option>
                <option value="">湛江市</option>
            </select>
            <i class="iconfont icon-xiajiantou"></i>
        </div>
    </div>
    <!--搜索栏 -->
    <div class="search">
        <input type="text" value="" placeholder="请输入商品名称"><i class="iconfont icon-fangdajing"></i>
    </div>
    <!-- 大家都在 -->
    <h2>大家都在搜</h2>
    <div class="recommend">
        <div class="box">寿司</div>
        <div class="box">羽毛球</div>
        <div class="box">火锅</div>
        <div class="box">游泳馆</div>
        <div class="box">电影</div>
        <div class="box">周黑鸭</div>
        <div class="box">KTV</div>
        <div class="box">肯德基</div>
    </div>
    <!-- 热门横幅栏 -->
    <div class="banner">
        <div class="bannerLef"><i class="iconfont icon-remen"></i>
            <h3>热门搜索</h3>
        </div>
        <div class="bannerRig">更多<i class="iconfont icon-jiantou"></i></div>
    </div>
    <!-- 图片排布上 -->
    <div class="conTop">
        <div class="leftPic">
            <img src="./img/发现/图层1@2x.png" alt="">
        </div>
        <div class="rightPic">
            <img src="./img/发现/图层2@2x.png" alt="">
            <img src="./img/发现/图层3@2x.png" alt="">
            <img src="./img/发现/图层4@2x.png" alt="">
        </div>
    </div>
    <!-- 推荐横幅栏 -->
    <div class="banner">
        <div class="bannerLef"><i class="iconfont icon-xingxing"></i>
            <h3>热门搜索</h3>
        </div>
        <div class="bannerRig">更多<i class="iconfont icon-jiantou"></i></div>
    </div>
    <!-- 图片排布下 -->
    <div class="conBot">
        <div class="box"><img src="./img/发现/图层5@2x.png" alt=""></div>
        <div class="box"><img src="./img/发现/图层6@2x.png" alt=""></div>
        <div class="box"><img src="./img/发现/图层7@2x.png" alt=""></div>
    </div>
    <!-- 底部空白栏 -->
    <div class="blank" style="    padding-bottom: 16vw;"></div>
    <!-- foot -->
    <div class="footer">
        <div class="footCon">
            <a href="./index.html"><i class="iconfont icon-31shouye"> </i>
            <p>首页</p></a>
        </div>
        <div class="footCon">
            <a href="./classify.html"><i class="iconfont icon-fenleiorguangchangorqita"> </i>
            <p>分类</p></a>
        </div>
        <div class="footCon">
            <a href="./discover.html"><i class="iconfont icon-faxianjihuo"> </i>
            <p>发现</p></a>
        </div>
        <div class="footCon">
            <a href="./mine.html"><i class="iconfont icon-wode1"> </i>
            <p>我的</p></a>
        </div>
    </div>
</body>

</html>